<template>
    <div class="ground-table">
        <el-table :data="tableData" height="300" style="width: 100%" class="ground-table-box">
            <el-table-column prop="Class" label="Class" width="180"></el-table-column>
            <el-table-column prop="Properties" label="Properties"></el-table-column>
            <el-table-column label="操作" width="180">
                <template slot-scope="scope">
                    <el-button size="mini" type="primary" @click="copyBtn(scope.row.Class)">复制</el-button>
                </template>
            </el-table-column>
        </el-table>
    </div>
</template>
<script>
export default {
    data() {
        return {
            tableData: [
                {
                    Class: `flex-wrap`,
                    Properties: `flex-wrap: wrap;`
                },
                {
                    Class: `flex-wrap-reverse`,
                    Properties: `flex-wrap: wrap-reverse;`
                },
                {
                    Class: `flex-nowrap`,
                    Properties: `flex-wrap: nowrap;`
                }
            ]
        }
    },
    created() {
    },
    methods: {
    }
}
</script>
<style>
.el-table .row-px {
    background: #00cccc;
}

.el-table .row-pd {
    background: #00ccff;
}

.ground-table-box table {
    margin: 0 !important;
    border-collapse: collapse;
}

.ground-table-box .el-table td.el-table__cell,
.el-table th.el-table__cell.is-leaf {
    border-bottom: none;
}
</style>